<template>
  <div class="app-page-box">
    <div class="app-page">
      <div class="top">
        <Back />
        <h2>合同详情</h2>
      </div>
      <div class="content">
        <StepOne />
      </div>
    </div>
  </div>
</template>

<script setup>
  import { ref } from 'vue';
  import Back from '/@/components/go-back/index.vue';
  import StepOne from './components/detail-step1.vue';
  const step = ref(1);
</script>

<style scoped lang="less">
  @import url(../rzApply/index.less);
  .app-page {
    display: flex;
    flex-direction: column;
    .content {
      flex: 1;
      overflow: auto;
    }
  }
  /deep/.ant-input,
  /deep/.ant-select,
  /deep/.ant-picker {
    border: 0;
    background: transparent !important;
    border-top: 1px solid #c7c6c6 !important;
    border-left: 1px solid #c7c6c6 !important;
    border-right: 1px solid #c7c6c6 !important;
    border-bottom: 1px solid #c7c6c6 !important;
    border-radius: 5px !important;
  }
  .submit {
    width: 270rem;
    height: 42rem;
    background: #f55d4c !important;
    border-radius: 5rem;
  }
</style>
